<title>订单分析</title>

<div class="page animation-fade">
    <div class="page-header page-header-bordered">
        <h1 class="page-title">订单分析</h1>
        <div class="page-header-actions">
            <!--<select class="form-control" id="prjId" name="prjId" data-plugin="select2"-->
                    <!--style="width: 200px;">-->
                <!--<option value="">选择二级配送中心</option>-->
                <!--#foreach( $prj in $prjList )-->
                <!--<option value="${prj.deliveryId}">${prj.deliveryCenter}</option>-->
                <!--#end-->
            <!--</select>-->
        </div>
    </div>

    <div class="page-content">
        <div class="row row-lg">
            <div class=" col-md-6 "  style="padding: 0px;left:24px;right:24px;">
                <div class="panel panel-bordered" style="margin-bottom: 0px !important;">
                    <!--<div class="panel-heading">-->
                        <!--<h3 class="panel-title">一级配送中心下二级配送中心个数</h3>-->
                        <!--<div class="panel-actions">-->

                        <!--</div>-->
                    <!--</div>-->
                    <div class="panel-body padding-3 height-350" style="width:100%" style="margin-bottom: 0px !important;padding:0px !important;">
                        #parse("/lpp/network/supply/orderAnalysis/bar1.html")
                    </div>
                </div>
            </div>
            <div class=" col-md-6">
                <div class="panel panel-bordered">
                    <!--<div class="panel-heading">-->
                        <!--<h3 class="panel-title">各一级配送中心库存容量</h3>-->
                        <!--<div class="panel-actions">-->

                        <!--</div>-->
                    <!--</div>-->
                    <div class="panel-body padding-3 height-350" style="width:100%">

                        #parse("/lpp/network/supply/orderAnalysis/bar2.html")
                    </div>
                </div>
            </div>
            <div class=" col-md-6" style="padding: 0px;left:24px;right:24px;">
                <div class="panel panel-bordered">
                    <!--<div class="panel-heading">-->
                        <!--<h3 class="panel-title">各一级配送中心仓库租金</h3>-->
                        <!--<div class="panel-actions">-->

                        <!--</div>-->
                    <!--</div>-->
                    <div class="panel-body padding-3 height-350" style="width:100%;padding:0px !important;">

                        #parse("/lpp/network/supply/orderAnalysis/bar4.html")
                    </div>
                </div>
            </div>


            <div class=" col-md-6">
                <div class="panel panel-bordered">
                    <!--<div class="panel-heading">-->
                        <!--<h3 class="panel-title">各一级配送中心人员成本</h3>-->
                        <!--<div class="panel-actions">-->

                        <!--</div>-->
                    <!--</div>-->
                    <div class="panel-body padding-3 height-350" style="width:100%">
                        #parse("/lpp/network/supply/orderAnalysis/bar3.html")
                    </div>
                </div>
            </div>


            <div class=" col-md-6" style="padding: 0px;left:24px;right:24px;">
                <div class="panel panel-bordered">
                    <!--<div class="panel-heading">-->
                        <!--<h3 class="panel-title">各一级配送中心设备成本</h3>-->
                        <!--<div class="panel-actions">-->


                            <!--&lt;!&ndash;      <a class="btn btn-inverse btn-round dropdown-toggle" data-toggle="dropdown" href="#">-->
                                      <!--<span id='return-button'>返回</span>-->
                                  <!--</a>&ndash;&gt;-->
                        <!--</div>-->
                    <!--</div>-->
                    <div class="panel-body padding-3 height-350" style="width:100%;padding:0px !important;">

                        #parse("/lpp/network/supply/orderAnalysis/bar5.html")
                    </div>
                </div>
            </div>
            <div class=" col-md-6">
                <div class="panel panel-bordered">
                    <!--<div class="panel-heading">-->
                        <!--<h3 class="panel-title">各一级配送中心能耗成本</h3>-->
                        <!--<div class="panel-actions">-->

                            <!--&lt;!&ndash;        <a class="btn btn-inverse btn-round dropdown-toggle" data-toggle="dropdown" href="#">-->
                                        <!--<span id='return-button2'>返回</span>-->
                                    <!--</a>&ndash;&gt;-->
                        <!--</div>-->
                    <!--</div>-->
                    <div class="panel-body padding-3 height-350" style="width:100%">

                        #parse("/lpp/network/supply/orderAnalysis/bar6.html")
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<script src="/static/public/vendor/matchheight/jquery.matchHeight.min.js"></script>
<script type="text/javascript">
//    var optionLength=document.getElementById("prjId").options.length;
//    if(optionLength==1){
//        toastr.error('订单数据没有数据，请导入上传数据');
//    }
$(function () {
    var color="vintage";
    build(color);
});
function build(color){
    $.ajax({
        url: "#springUrl('/network/supply/orderAnalysis/getAllData')",
        data: {"time": "","selected":""},
        type: "POST",
        //async: false,
        success: function (text) {
            var d = JSON.parse(text);
            if (d.success && d.data ) {
                loadbar1(d,color);
                loadbar2(d,color);
                loadbar3(d,color);
                loadbar4(d,color);
                loadbar5(d,color);
                loadbar6(d,color);
            }else if(d.success && d.data){
                toastr.success('算法正在处理，请等几分钟过来查看');
            }else{
                toastr.error('没有数据，请上传配送中心数据');
                var div1="<div type='text' style='padding-top:18%' class=' text-center '>"+d.message+"</div>";
                document.getElementById('map1').innerHTML=div1;
            }
        }
    });
}
</script>
